.qqBox {width: 798px;height: 600px;border: 1px solid #ccc;top: 0;bottom: 0;left: 0;right: 0;display: -webkit-box;-webkit-box-orient: vertical;border-radius: 10px;margin-bottom: 10px;}

.BoxHead {width: 100%;height: 52px;background: url(../../images/webbot/top_bg.jpg) no-repeat;display: -webkit-box;-webkit-box-orient: horizontal;border-radius: 10px 10px 0 0 ;}

.headImg {width: 44px;height: 44px;border-radius: 50%;margin: 0 10px}
.headImg img {width: 100%;height: 100%;border-radius: 50%}

.internetName {width: auto;height: 52px;line-height: 52px;color: #fff;margin-left: 0;}

.context {-webkit-box-flex: 1;display: -webkit-box;-webkit-box-orient: horizontal;margin-left: 0;margin-right: 0;height: 91%;}

.conLeft {width: 200px;overflow: auto;background: #fafafa;border-radius:0 0 0 10px;}
.conLeft::-webkit-scrollbar {width: 0}
.conLeft ul {list-style: none;margin: 0;padding: 0}
.conLeft li {width: 100%;height: 62px;display: -webkit-box;-webkit-box-orient: horizontal}
.conLeft li .liLeft {width: 30%;height: 100%}
.liLeft img {margin: 10px}

.liRight span {display: block;font-size: 16px;height: 31px;line-height: 31px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.liRight span:last-child {font-size: 14px;color: #767676;line-height: 15px;overflow: hidden}

.conRight {-webkit-box-flex: 1;display: -webkit-box;-webkit-box-orient: vertical}

.Righthead {width: 100%;height: 42px;border-bottom: 1px solid #ccc}

.headName {	width: auto;height: 100%;line-height: 42px;margin-left: 20px;font-family: 微软雅黑;font-size: 18px;float: left}

.headConfig {width: 20%;float: right;height: 100%}
.headConfig ul {list-style: none;margin: 0;padding: 0;display: -webkit-box;-webkit-box-orient: horizontal}
.headConfig li {margin: 10px 5px}

.RightCont {-webkit-box-flex: 1;overflow-y: auto;margin: 0;}
.RightCont::-webkit-scrollbar {width: 15px}
.RightCont ul {list-style: none;margin: 0;padding: 0}
.RightCont li {width: 100%;height: 50px;margin-top: 20px;clear: both;}

.nesHead {width: 44px;height: 44px;border-radius: 50%;margin-left: 15px;float: right}
.nesHead img {width: 44px;height: 44px;border-radius: 50%}

.news {width: auto;height: auto;background: #2683f5;padding: 10px 20px;margin: 4px;line-height: 20px;font-size: 14px;border-radius: 10px;margin-left: 30px;position: relative;float: right;color: #fff}
.news .jiao {position: absolute;right: -8px;top: 10px}
.news .chatRecordMorer {width: 30px;height: 30px;margin: 5px}

.answerHead {width: 44px;height: 44px;border-radius: 50%;margin-left: 15px;float: left}
.answerHead img {width: 44px;height: 44px;border-radius: 50%}

.answers {
	max-width:80%;
	/* width: auto; */
	/* height: 30px; */
	background: #eee;	padding: 5px 20px;	margin: 4px;	line-height: 30px;	font-size: 14px;	border-radius: 10px;	margin-left: 10px;	position: relative;	float: left}

.answers .jiao {position: absolute;	left: -8px;	top: 10px}

.RightFoot {width: 100%;height: 118px;	border-top: 1px solid #ccc;	position: relative}

.emjon {width: 360px;height: 200px;border: 1px solid #ccc;position: absolute;left: 0;top: -200px;display: none;background: #fff;overflow: auto}
.emjon ul {list-style: none;margin: 0;padding: 0}
.emjon ul li {width: 30px;height: 30px;margin: 5px;float: left}
.emjon ul li:hover {box-shadow: 5px 5px 5px #888;transform: scale(1.2)}
.emjon ul li img {width: 100%;height: 100%}

.footTop {width: 100%;height: auto}
.footTop ul {list-style: none;margin: 0;padding: 0;display: -webkit-box;-webkit-box-orient: horizontal}
.footTop li {margin: 5px 10px}

.webBotSendBtn {width: 68px;height: 25px;background: #0188fb;border: 0;position: absolute;bottom: 10px;right: 10px;color: #fff;border-radius: 5px;}

.bg {background: #ebebec}

.chatRecordMore {width: 100%;height: 20px;text-align: center;font-size: 12px;color: #00bfff;cursor: pointer;display: none}